<%--
  Created by IntelliJ IDEA.
  User: hasee
  Date: 2017/3/29
  Time: 11:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LarryBlogCMS-Home</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" href="../../static/common/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../static/common/bootstrap/css/bootstrap.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../static/html/admin/css/main.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../static/common/global.css">
</head>
<body>
<section class="larry-wrapper">
    <!-- overview -->
    <div class="row state-overview">
        <div class="col-lg-3 col-sm-6">
            <section class="panel">
                <div class="symbol symbol_new11 userblue">
                    <div class="value_new11">
                        <p>学校通知</p>
                    </div>
                    <div class="iconpx-chevron-smallnewsize">
                        <i class="iconpx-users iconpx-chevron-smallnewsize"></i>
                    </div>
                </div>
                <div class="value">
                    <a href="#">
                        <h1 id="count1">10</h1>
                    </a>

                </div>
            </section>
        </div>
        <div class="col-lg-3 col-sm-6">
            <section class="panel">
                <div class="symbol symbol_new11 articlegreen">
                    <div class="value_new11">
                        <p >实习日记</p>
                    </div>
                    <div class="iconpx-chevron-smallnewsize">
                        <i class="iconpx-chevron-smallnewsize  iconpx-file-word-o "></i>
                    </div>
                </div>
                <div class="value">
                    <a href="#">
                        <h1 id="count2">10</h1>
                    </a>
                </div>
            </section>
        </div>
        <div class="col-lg-3 col-sm-6">
            <section class="panel">
                <div class="symbol symbol_new11 commred">
                    <div class="value_new11">
                        <p>招聘信息</p>
                    </div>
                    <div class="iconpx-chevron-smallnewsize">
                        <i class="iconpx-user-add iconpx-chevron-smallnewsize "></i>
                    </div>
                </div>
                <div class="value">
                    <a href="#">
                        <h1 id="count3">1</h1>
                    </a>

                </div>
            </section>
        </div>

        <div class="col-lg-3 col-sm-6">
            <section class="panel">
                <div class="symbol symbol_new11 rsswet">
                    <div class="value_new11">
                        <p>就业信息</p>
                    </div>
                    <div class="iconpx-chevron-smallnewsize">
                        <i class="iconpx-check-circle iconpx-chevron-smallnewsize"></i>
                    </div>
                </div>
                <div class="value">
                    <a href="#">
                        <h1 id="count4">0</h1>
                    </a>

                </div>
            </section>
        </div>
    </div>

    <div class="col-lg-6">

        <section class="panel">
            <header class="panel-heading bm0">
                <span class='span-title'>学校通知</span>
                <span class="tools pull-right"><a href="javascript:;" class="iconpx-chevron-down"></a></span>
            </header>
            <div class="panel-body">
                <table class="table table-hover personal-task shortcut">
                    <tr>
                        <td>
                            <div class="c1">1</div>
                            <div class="c2">2</div>
                            <br>
                        </td>
                    </tr>
                </table>
            </div>
        </section>

        <!-- 最新文章 -->
        <section class="panel">
            <header class="panel-heading bm0">
                <span class='span-title'>实习信息</span>
                <span class="badge" style="background-color:#FF3333;"> new </span>
                <span class="tools pull-right"><a href="javascript:;" class="iconpx-chevron-down"></a></span>
            </header>
            <div class="panel-body">
                <table class="table table-hover personal-task">
                    <tbody>
                    <tr>
                        <td>原创</td>
                        <td>
                            <a href="#" target="_blank">汪涵率众特工入侵地球 20160408</a>
                        </td>
                        <td class="col-md-5">阅读量：1350 &nbsp;&nbsp;&nbsp;&nbsp; 2016-04-11 10:00:37</td>
                    </tr>
                    <tr>
                        <td>原创</td>
                        <td>
                            <a href="#" target="_blank">汪涵率众特工入侵地球 20160408</a>
                        </td>
                        <td class="col-md-5">阅读量：1350 &nbsp;&nbsp;&nbsp;&nbsp; 2016-04-11 10:00:37</td>
                    </tr>
                    <tr>
                        <td>原创</td>
                        <td>
                            <a href="#" target="_blank">汪涵率众特工入侵地球 20160408</a>
                        </td>
                        <td class="col-md-5">阅读量：1350 &nbsp;&nbsp;&nbsp;&nbsp; 2016-04-11 10:00:37</td>
                    </tr>
                    <tr>
                        <td>原创</td>
                        <td>
                            <a href="#" target="_blank">汪涵率众特工入侵地球 20160408</a>
                        </td>
                        <td class="col-md-5">阅读量：1350 &nbsp;&nbsp;&nbsp;&nbsp; 2016-04-11 10:00:37</td>
                    </tr>
                    <tr>
                        <td>原创</td>
                        <td>
                            <a href="#" target="_blank">汪涵率众特工入侵地球 20160408</a>
                        </td>
                        <td class="col-md-5">阅读量：1350 &nbsp;&nbsp;&nbsp;&nbsp; 2016-04-11 10:00:37</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </section>
    </div>
    </div>

</section>

<script type="text/javascript" src="../../static/common/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['jquery','layer','element'],function(){
        window.jQuery = window.$ = layui.jquery;
        window.layer = layui.layer;
        window.element = layui.element();

        $('.panel .tools .iconpx-chevron-down').click(function(){
            var el = $(this).parents(".panel").children(".panel-body");
            if($(this).hasClass("iconpx-chevron-down")){
                $(this).removeClass("iconpx-chevron-down").addClass("iconpx-chevron-up");
                el.slideUp(200);
            }else{
                $(this).removeClass("iconpx-chevron-up").addClass("iconpx-chevron-down");
                el.slideDown(200);
            }
        })

    });
</script>
<script type="text/javascript" src="../../static/html/student1/jsplug/echarts.min.js"></script>
<script type="text/javascript" src="../../static/html/student1/js/main.js"></script>
</body>
</html>
